diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 4fa3c1a..1c0d3b7 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -2,4 +2,5 @@ export * from './usePrevious';
 export * from './useTheme';
 export * from './useChatSession';
 export * from './useMemoryCheck';
+export * from './useMoveScroll';
 export * from './useStorageCheck';
diff --git a/src/hooks/useMoveScroll.ts b/src/hooks/useMoveScroll.ts
new file mode 100644
index 0000000..056e75a
--- /dev/null
+++ b/src/hooks/useMoveScroll.ts
@@ -0,0 +1,38 @@
+// This is a workaround for multiline input text not avoiding the keyboard..
+// https://github.com/facebook/react-native/issues/16826#issuecomment-2254322144
+
+import {useRef, useEffect} from 'react';
+import {FlatList, Keyboard, KeyboardEvent, Platform} from 'react-native';
+
+export const useMoveScroll = () => {
+  const scrollRef = useRef<FlatList>(null);
+  const keyboardHeight = useRef(Platform.OS === 'ios' ? 320 : 280);
+  const visibleAreaOffset = 300; // very arbitrary number. TODO: fix this
+
+  useEffect(() => {
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      (event: KeyboardEvent) => {
+        keyboardHeight.current = event.endCoordinates.height;
+      },
+    );
+
+    return () => {
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+  const moveScrollToDown = (inputY?: number) => {
+    if (scrollRef.current) {
+      setTimeout(() => {
+        const offset = inputY ?? keyboardHeight.current + visibleAreaOffset;
+        scrollRef.current?.scrollToOffset({
+          offset: Math.max(0, offset),
+          animated: true,
+        });
+      }, 600);
+    }
+  };
+
+  return {scrollRef, moveScrollToDown};
+};
diff --git a/src/screens/ModelsScreen/CompletionSettings/CompletionSettings.tsx b/src/screens/ModelsScreen/CompletionSettings/CompletionSettings.tsx
index 6f3b95d..3c12c21 100644
--- a/src/screens/ModelsScreen/CompletionSettings/CompletionSettings.tsx
+++ b/src/screens/ModelsScreen/CompletionSettings/CompletionSettings.tsx
@@ -1,5 +1,5 @@
 import React, {useState} from 'react';
-import {ScrollView, View} from 'react-native';
+import {View} from 'react-native';
 
 import {CompletionParams} from '@pocketpalai/llama.rn';
 import Slider from '@react-native-community/slider';
@@ -16,6 +16,7 @@ interface Props {
 
 export const CompletionSettings: React.FC<Props> = ({settings, onChange}) => {
   const [localSliderValues, setLocalSliderValues] = useState({});
+  const [newStopWord, setNewStopWord] = useState('');
   const {colors} = useTheme();
 
   const handleOnChange = (name, value) => {
@@ -88,64 +89,83 @@ export const CompletionSettings: React.FC<Props> = ({settings, onChange}) => {
     </View>
   );
 
+  const renderStopWords = () => (
+    <View style={styles.settingItem}>
+      <View style={styles.stopLabel}>
+        <Text style={styles.settingLabel}>stop</Text>
+      </View>
+
+      {/* Display existing stop words as chips */}
+      <View style={styles.stopWordsContainer}>
+        {(settings.stop ?? []).map((word, index) => (
+          <Chip
+            key={index}
+            onClose={() => {
+              const newStops = (settings.stop ?? []).filter(
+                (_, i) => i !== index,
+              );
+              onChange('stop', newStops);
+            }}
+            style={styles.stopChip}>
+            {word}
+          </Chip>
+        ))}
+      </View>
+
+      {/* Input for new stop words */}
+      <TextInput
+        value={newStopWord}
+        placeholder="Add new stop word"
+        onChangeText={setNewStopWord}
+        onSubmitEditing={() => {
+          if (newStopWord.trim()) {
+            onChange('stop', [...(settings.stop ?? []), newStopWord.trim()]);
+            setNewStopWord('');
+          }
+        }}
+        style={styles.textInput}
+        testID="stop-input"
+      />
+    </View>
+  );
+
   return (
-    <ScrollView style={styles.container}>
-      <View style={styles.card}>
-        <Card.Content>
-          {renderIntegerInput('n_predict', 0, 2048)}
-          {renderSlider('temperature', 0, 1)}
-          {renderSlider('top_k', 1, 128, 1)}
-          {renderSlider('top_p', 0, 1)}
-          {renderSlider('min_p', 0, 1)}
-          {renderSlider('xtc_threshold', 0, 1)}
-          {renderSlider('xtc_probability', 0, 1)}
-          {renderSlider('typical_p', 0, 2)}
-          {renderSlider('penalty_last_n', 0, 256, 1)}
-          {renderSlider('penalty_repeat', 0, 2)}
-          {renderSlider('penalty_freq', 0, 2)}
-          {renderSlider('penalty_present', 0, 2)}
-          <Divider style={styles.divider} />
-          <View style={styles.settingItem}>
-            <Text style={styles.settingLabel}>mirostat</Text>
-            <View style={styles.chipContainer}>
-              {[0, 1, 2].map(value => (
-                <Chip
-                  key={value}
-                  selected={settings.mirostat === value}
-                  onPress={() => onChange('mirostat', value)}
-                  style={styles.chip}>
-                  {value.toString()}
-                </Chip>
-              ))}
-            </View>
-          </View>
-          {renderSlider('mirostat_tau', 0, 10, 1)}
-          {renderSlider('mirostat_eta', 0, 1)}
-          {renderSwitch('penalize_nl')}
-          {renderIntegerInput('seed', 0, Number.MAX_SAFE_INTEGER)}
-          {renderIntegerInput('n_probs', 0, 100)}
-          <View style={styles.settingItem}>
-            <View style={styles.stopLabel}>
-              <Text style={styles.settingLabel}>stop</Text>
-              <Text>(comma separated)</Text>
-            </View>
-            <TextInput
-              value={settings.stop?.join(', ')}
-              onChangeText={value =>
-                onChange(
-                  'stop',
-                  value
-                    .split(',')
-                    .map(s => s.trim())
-                    .filter(s => s.length > 0),
-                )
-              }
-              style={styles.textInput}
-              testID="stop-input"
-            />
+    <View>
+      <Card.Content>
+        {renderIntegerInput('n_predict', 0, 2048)}
+        {renderSlider('temperature', 0, 1)}
+        {renderSlider('top_k', 1, 128, 1)}
+        {renderSlider('top_p', 0, 1)}
+        {renderSlider('min_p', 0, 1)}
+        {renderSlider('xtc_threshold', 0, 1)}
+        {renderSlider('xtc_probability', 0, 1)}
+        {renderSlider('typical_p', 0, 2)}
+        {renderSlider('penalty_last_n', 0, 256, 1)}
+        {renderSlider('penalty_repeat', 0, 2)}
+        {renderSlider('penalty_freq', 0, 2)}
+        {renderSlider('penalty_present', 0, 2)}
+        <Divider style={styles.divider} />
+        <View style={styles.settingItem}>
+          <Text style={styles.settingLabel}>mirostat</Text>
+          <View style={styles.chipContainer}>
+            {[0, 1, 2].map(value => (
+              <Chip
+                key={value}
+                selected={settings.mirostat === value}
+                onPress={() => onChange('mirostat', value)}
+                style={styles.chip}>
+                {value.toString()}
+              </Chip>
+            ))}
           </View>
-        </Card.Content>
-      </View>
-    </ScrollView>
+        </View>
+        {renderSlider('mirostat_tau', 0, 10, 1)}
+        {renderSlider('mirostat_eta', 0, 1)}
+        {renderSwitch('penalize_nl')}
+        {renderIntegerInput('seed', 0, Number.MAX_SAFE_INTEGER)}
+        {renderIntegerInput('n_probs', 0, 100)}
+        {renderStopWords()}
+      </Card.Content>
+    </View>
   );
 };
diff --git a/src/screens/ModelsScreen/CompletionSettings/__tests__/CompletionSettings.test.tsx b/src/screens/ModelsScreen/CompletionSettings/__tests__/CompletionSettings.test.tsx
index f8574b0..89fe6f8 100644
--- a/src/screens/ModelsScreen/CompletionSettings/__tests__/CompletionSettings.test.tsx
+++ b/src/screens/ModelsScreen/CompletionSettings/__tests__/CompletionSettings.test.tsx
@@ -7,7 +7,7 @@ jest.useFakeTimers();
 
 describe('CompletionSettings', () => {
   it('renders all settings correctly', async () => {
-    const {getByDisplayValue, getByTestId} = render(
+    const {getByDisplayValue, getByTestId, getByText} = render(
       <CompletionSettings
         settings={mockCompletionParams}
         onChange={jest.fn()}
@@ -82,8 +82,8 @@ describe('CompletionSettings', () => {
     expect(nProbsInput.props.value).toBe('0');
 
     expect(getByTestId('stop-input')).toBeTruthy();
-    const stopInput = getByTestId('stop-input');
-    expect(stopInput.props.value).toBe('<stop1>, <stop2>');
+    expect(getByText('<stop1>')).toBeTruthy();
+    expect(getByText('<stop2>')).toBeTruthy();
   });
 
   it('handles slider changes', () => {
@@ -144,4 +144,33 @@ describe('CompletionSettings', () => {
     fireEvent.press(mirostatChip);
     expect(mockOnChange).toHaveBeenCalledWith('mirostat', 2);
   });
+
+  it('handles stop words additions and removals', () => {
+    const mockOnChange = jest.fn();
+    const {getByTestId, getAllByRole} = render(
+      <CompletionSettings
+        settings={mockCompletionParams}
+        onChange={mockOnChange}
+      />,
+    );
+
+    // Test adding new stop word
+    const stopInput = getByTestId('stop-input');
+    fireEvent.changeText(stopInput, 'newstop');
+    fireEvent(stopInput, 'submitEditing');
+
+    expect(mockOnChange).toHaveBeenCalledWith('stop', [
+      ...(mockCompletionParams.stop ?? []),
+      'newstop',
+    ]);
+
+    // Test removing stop word
+    const closeButtons = getAllByRole('button', {name: /close/i});
+    fireEvent.press(closeButtons[0]);
+
+    expect(mockOnChange).toHaveBeenCalledWith(
+      'stop',
+      (mockCompletionParams.stop ?? []).filter(word => word !== '<stop1>'),
+    );
+  });
 });
diff --git a/src/screens/ModelsScreen/CompletionSettings/styles.ts b/src/screens/ModelsScreen/CompletionSettings/styles.ts
index 1285820..3eed4e0 100644
--- a/src/screens/ModelsScreen/CompletionSettings/styles.ts
+++ b/src/screens/ModelsScreen/CompletionSettings/styles.ts
@@ -1,10 +1,6 @@
 import {StyleSheet} from 'react-native';
 
 export const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  card: {},
   row: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -52,4 +48,14 @@ export const styles = StyleSheet.create({
     fontSize: 16,
     marginRight: 8,
   },
+  stopWordsContainer: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8,
+    marginBottom: 8,
+  },
+  stopChip: {
+    marginRight: 4,
+    marginBottom: 4,
+  },
 });
diff --git a/src/screens/ModelsScreen/ModelCard/ModelCard.tsx b/src/screens/ModelsScreen/ModelCard/ModelCard.tsx
index b7e393c..52ac51d 100644
--- a/src/screens/ModelsScreen/ModelCard/ModelCard.tsx
+++ b/src/screens/ModelsScreen/ModelCard/ModelCard.tsx
@@ -33,10 +33,11 @@ type ChatScreenNavigationProp = DrawerNavigationProp<RootDrawerParamList>;
 interface ModelCardProps {
   model: Model;
   activeModelId?: string;
+  onFocus?: () => void;
 }
 
 export const ModelCard: React.FC<ModelCardProps> = observer(
-  ({model, activeModelId}) => {
+  ({model, activeModelId, onFocus}) => {
     const l10n = React.useContext(L10nContext);
     const {colors} = useTheme();
     const navigation = useNavigation<ChatScreenNavigationProp>();
@@ -315,6 +316,9 @@ export const ModelCard: React.FC<ModelCardProps> = observer(
                   isActive={isActiveModel}
                   onChange={handleSettingsUpdate}
                   onCompletionSettingsChange={handleCompletionSettingsUpdate}
+                  onFocus={() => {
+                    onFocus && onFocus();
+                  }}
                 />
               )}
             </View>
diff --git a/src/screens/ModelsScreen/ModelSettings/ModelSettings.tsx b/src/screens/ModelsScreen/ModelSettings/ModelSettings.tsx
index 8db46e7..33c9bdd 100644
--- a/src/screens/ModelsScreen/ModelSettings/ModelSettings.tsx
+++ b/src/screens/ModelsScreen/ModelSettings/ModelSettings.tsx
@@ -34,6 +34,7 @@ interface ModelSettingsProps {
   isActive: boolean;
   onChange: (name: string, value: any) => void;
   onCompletionSettingsChange: (name: string, value: any) => void;
+  onFocus?: () => void;
 }
 
 export const ModelSettings: React.FC<ModelSettingsProps> = ({
@@ -42,13 +43,14 @@ export const ModelSettings: React.FC<ModelSettingsProps> = ({
   isActive,
   onChange,
   onCompletionSettingsChange,
+  onFocus,
 }) => {
   const [isDialogVisible, setDialogVisible] = useState<boolean>(false);
   const [localChatTemplate, setLocalChatTemplate] = useState(
     chatTemplate.chatTemplate,
   );
   const [localSystemPrompt, setLocalSystemPrompt] = useState(
-    chatTemplate.systemPrompt,
+    chatTemplate.systemPrompt ?? '',
   );
   const [selectedTemplateName, setSelectedTemplateName] = useState(
     chatTemplate.name,
@@ -73,7 +75,7 @@ export const ModelSettings: React.FC<ModelSettingsProps> = ({
   }, [localChatTemplate]);
 
   useEffect(() => {
-    setLocalSystemPrompt(chatTemplate.systemPrompt);
+    setLocalSystemPrompt(chatTemplate.systemPrompt ?? '');
   }, [chatTemplate.systemPrompt]);
 
   useEffect(() => {
@@ -176,20 +178,20 @@ export const ModelSettings: React.FC<ModelSettingsProps> = ({
           </Button>
         </View>
         <View>
-          {chatTemplate.systemPrompt !== undefined &&
-            chatTemplate.systemPrompt !== null && (
-              <TextInput
-                testID="system-prompt-input"
-                ref={systemPromptTextInputRef}
-                defaultValue={localSystemPrompt}
-                onChangeText={text => setLocalSystemPrompt(text)}
-                onBlur={() => handleSaveSystemPrompt()}
-                multiline
-                numberOfLines={3}
-                style={styles.textArea}
-                label={'System prompt'}
-              />
-            )}
+          <TextInput
+            testID="system-prompt-input"
+            ref={systemPromptTextInputRef}
+            defaultValue={localSystemPrompt}
+            onChangeText={text => setLocalSystemPrompt(text)}
+            onBlur={() => handleSaveSystemPrompt()}
+            multiline
+            numberOfLines={3}
+            style={styles.textArea}
+            label={'System prompt'}
+            onFocus={() => {
+              onFocus && onFocus();
+            }}
+          />
         </View>
         {/** Completion Settings */}
         <List.Accordion
diff --git a/src/screens/ModelsScreen/ModelsScreen.tsx b/src/screens/ModelsScreen/ModelsScreen.tsx
index 10b6aef..d0d9745 100644
--- a/src/screens/ModelsScreen/ModelsScreen.tsx
+++ b/src/screens/ModelsScreen/ModelsScreen.tsx
@@ -1,5 +1,11 @@
 import React, {useState, useMemo, useContext} from 'react';
-import {View, FlatList, RefreshControl, Platform, Alert} from 'react-native';
+import {
+  FlatList,
+  RefreshControl,
+  Platform,
+  Alert,
+  KeyboardAvoidingView,
+} from 'react-native';
 
 import {toJS} from 'mobx';
 import {v4 as uuidv4} from 'uuid';
@@ -8,7 +14,7 @@ import 'react-native-get-random-values';
 import {observer} from 'mobx-react-lite';
 import DocumentPicker from 'react-native-document-picker';
 
-import {useTheme} from '../../hooks';
+import {useTheme, useMoveScroll} from '../../hooks';
 
 import {styles} from './styles';
 import {FABGroup} from './FABGroup';
@@ -164,6 +170,8 @@ export const ModelsScreen: React.FC = observer(() => {
     uiStore.setValue('modelsScreen', 'expandedGroups', updatedExpandedGroups);
   };
 
+  const {scrollRef, moveScrollToDown} = useMoveScroll();
+
   const renderGroupHeader = ({item: group}) => {
     const isExpanded = expandedGroups[group.type];
     return (
@@ -175,7 +183,16 @@ export const ModelsScreen: React.FC = observer(() => {
           data={group.items}
           keyExtractor={subItem => subItem.id}
           renderItem={({item: subItem}) => (
-            <ModelCard model={subItem} activeModelId={activeModelId} />
+            <ModelCard
+              model={subItem}
+              activeModelId={activeModelId}
+              onFocus={() => {
+                if (Platform.OS === 'ios') {
+                  // Workaround for multiline input text not avoiding the keyboard.
+                  moveScrollToDown();
+                }
+              }}
+            />
           )}
         />
       </ModelAccordion>
@@ -183,7 +200,16 @@ export const ModelsScreen: React.FC = observer(() => {
   };
 
   const renderItem = ({item}) => (
-    <ModelCard model={item} activeModelId={activeModelId} />
+    <ModelCard
+      model={item}
+      activeModelId={activeModelId}
+      onFocus={() => {
+        if (Platform.OS === 'ios') {
+          // Workaround for multiline input text not avoiding the keyboard.
+          moveScrollToDown();
+        }
+      }}
+    />
   );
 
   const flatListModels = Object.keys(groupedModels)
@@ -194,10 +220,16 @@ export const ModelsScreen: React.FC = observer(() => {
     .filter(group => group.items.length > 0);
 
   return (
-    <View style={[styles.container, {backgroundColor: colors.surface}]}>
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      keyboardVerticalOffset={Platform.OS === 'ios' ? 100 : 80}
+      style={[styles.container, {backgroundColor: colors.surface}]}>
       <FlatList
+        ref={scrollRef}
         testID="flat-list"
-        contentContainerStyle={styles.listContainer} // Ensure padding for last card
+        keyboardDismissMode="on-drag"
+        keyboardShouldPersistTaps="handled"
+        contentContainerStyle={styles.listContainer}
         data={
           filters.includes('grouped') ? flatListModels : filteredAndSortedModels
         }
@@ -225,6 +257,6 @@ export const ModelsScreen: React.FC = observer(() => {
         onAddHFModel={() => setHFSearchVisible(true)}
         onAddLocalModel={handleAddLocalModel}
       />
-    </View>
+    </KeyboardAvoidingView>
   );
 });